
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<h:head></h:head>
	<h:body>
	<h:form id="miform">
		<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
			for="gfMessages" />
		<p:commandButton value="#{lbl['usuario.listar']}"
			actionListener="#{UsuarioMB.desplegarUsuarios()}" process="@this" update="lista" />
		<br />
		<h:panelGroup id="lista">
			<h:dataTable value="#{helloMB.usuarios}" var="user" border="1"
				rendered="#{UsuarioMB.usuarios.size() gt 0}">
				<h:column>
					<f:facet name="header">
						<h:outputText value="#{lbl['usuario.nombre']}" />
					</f:facet>
					<h:outputText value="#{user.nombres}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="#{lbl['usuario.apPaterno']}" />
					</f:facet>
					<h:outputText value="#{user.apellidoPaterno}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="#{lbl['general.opciones']}" />
					</f:facet>
					<p:commandButton actionListener="#{helloMB.editar(user)}"
						value="#{lbl['general.btn.editar']}" process="@this"
						update=":fEditar:pEditar" oncomplete="dEditar.show();" />
				</h:column>
			</h:dataTable>
		</h:panelGroup>
	</h:form>

	<h:form id="fEditar">
		<p:dialog header="#{lbl['usuario.editar']}" widgetVar="dEditar"
			modal="true" id="dEditar">
			<p:panel id="pEditar">
				<p:panelGrid columns="2">
					<p:row>
			#{lbl['usuario.nombre']} : <p:inputText id="nombre"
							value="#{helloMB.usuario.nombres}" required="true" />
						<p:message for="nombre" display="text" />
					</p:row>
					<p:row>
			#{lbl['usuario.apPaterno']} : <p:inputText id="apPaterno"
							value="#{helloMB.usuario.apellidoPaterno}" required="true" />
						<p:message for="apPaterno" display="text" />
					</p:row>
					<p:row>
						<p:commandButton actionListener="#{UsuarioMB.guardar()}"
							value="#{lbl['general.btn.guardar']}"
							update=":miform:lista pEditar :miform:gMessages" />
					</p:row>
				</p:panelGrid>
			</p:panel>
		</p:dialog>
	</h:form>
	</h:body>
</ui:composition>
